<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜儿 - 新鲜生活每一天</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <header class="header">
        <div class="container">
            <div class="logo">
                <img src="images/logo.png" alt="小兔鲜儿logo">
            </div>
            <nav class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">新鲜水果</a></li>
                    <li><a href="#">有机蔬菜</a></li>
                    <li><a href="#">肉类海鲜</a></li>
                    <li><a href="#">乳品烘焙</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </nav>
            <div class="user-actions">
                <a href="#">登录</a>
                <a href="#">注册</a>
                <a href="#" class="cart">购物车</a>
            </div>
        </div>
    </header>

    <!-- 轮播图区域 -->
    <section class="banner">
        <div class="container">
            <img src="images/banner.jpg" alt="小兔鲜儿banner">
        </div>
    </section>

    <!-- 商品分类展示 -->
    <section class="products">
        <div class="container">
            <h2>热门商品</h2>
            <div class="product-grid">
                <div class="product-item">
                    <img src="images/products/product1.jpg" alt="新鲜水果">
                    <h3>新鲜水果</h3>
                    <p>¥29.9</p>
                </div>
                <div class="product-item">
                    <img src="images/products/product2.jpg" alt="有机蔬菜">
                    <h3>有机蔬菜</h3>
                    <p>¥19.9</p>
                </div>
                <div class="product-item">
                    <img src="images/products/product3.jpg" alt="优质肉类">
                    <h3>优质肉类</h3>
                    <p>¥39.9</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-info">
                <p>学号：20230001</p>
                <p>姓名：张三</p>
                <p>© 2023 小兔鲜儿 版权所有</p>
            </div>
            <div class="footer-links">
                <a href="#">关于我们</a>
                <a href="#">联系我们</a>
                <a href="#">隐私政策</a>
            </div>
        </div>
    </footer>
</body>
</html>